.content{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.top{
	width: 100%;
	justify-content: space-between;
	padding: 10rpx;
	box-sizing: border-box;
	
	.cate{
		color: #1E62FC;
		font-size: 60rpx;
	}
	.search{
		font-size: 50rpx;
	}
	.title{
		align-items: center;
	}
	.tab{
		font-size: 36rpx;
		padding: 0 5rpx;
	}
	.active{
		font-size: 38rpx;
		font-weight: bold;
		position: relative;
		z-index: 1;
		&::after{
			content: "";
			position: absolute;
			z-index: 1;
			left: 50%;
			bottom: -9rpx;
			transform: translateX(-50%);
			width: 30rpx;
			height: 8rpx;
			border-radius: 5rpx;
			background-color: #1E62FC;
		}
	}
}
.tools{
	border-bottom: 1rpx solid #F0F0F0;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	height: 80rpx;
	position: relative;
	z-index: 100;
	.r{
		position: absolute;
		z-index: 100;
		top: 50%;
		right: 20rpx;
		transform: translateY(-50%);
		align-items: center;
		i{
			cursor: pointer;
			width: 50rpx;
			height: 50rpx;
			margin: 0 10rpx;
		}
		.sort{
			background: url(./../../static/sorting.png) no-repeat center/contain;
		}
		.chart{
			background: url(./../../static/charts-pie.png) no-repeat center/contain;
		}
		.multiple{
			background: url(./../../static/confirm.png) no-repeat center/contain;
		}
		.filter{
			background: url(./../../static/filter-records.png) no-repeat center/contain;
		}
	}
	&.hide{
		/deep/ .u-dropdown__content{ 
			display: none;
		}
	}
}
.container{
	flex-grow: 1;
}
/deep/ .u-dropdown__menu{
	height: 80rpx !important;
}
/deep/ .u-dropdown__menu__item{
	justify-content: unset;
	padding-left: 20rpx;
}
.options{
	width: 100%;
  height: 100rpx;
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
	position: fixed;
	z-index: 500;
	left: 0;
	bottom: 0;
	box-shadow: 0rpx -6rpx 30rpx 0rpx rgba(192, 192, 192, 0.3);
	padding: 0 20rpx;
	box-sizing: border-box;

	.r{
		flex: 1;
		justify-content: space-around;

		.r-i{
			cursor: pointer;
			text-align: center;
		}
		.icon{
			margin: auto;
		}
		.text{
			font-size: 26rpx;
			padding-top: 10rpx;
		}
	}
}